<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>同乡烩-登录</title>
	<link rel="stylesheet" type="text/css" href="css/common.css">
	<link rel="stylesheet" type="text/css" href="css/login.css">
	<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
	<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
	<!--[if lt IE 9]>
	<script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
	<script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
	<![endif]-->
	<!--导入angularJS文件-->
	<!--<script src="js/angular.min.js"></script>-->
	<!--导入jquery-->
	<script type="text/javascript" src="js/jquery-3.4.1.js"></script>

	<!-- Include all compiled plugins (below), or include individual files as needed -->
	<script src="js/bootstrap.min.js"></script>
	<!--导入布局js，共享header和footer-->
	<script type="text/javascript" src="js/include.js"></script>

	<script type="text/javascript">
		$(function() {
			//1.给登录按钮绑定单击事件
			$("#btn_sub").click(function() {
				//2.发送ajax请求，提交表单数据
				$.post("user/login.do", $("#loginForm").serialize(), function(data) {
					//data : {flag:false,errorMsg:''}
					if (data.result==1) {
						//登录成功
						location.href = "index.html";
					} else {
						//登录失败
						$("#errorMsg").html("用户名或密码不存在");
					}
				});
			});
		});


		//3.处理响应结果
	</script>

</head>

<body>
<!--引入头部-->


<div id="header"></div>


<!-- 头部 end -->
<section id="login_wrap">

	<div class="fullscreen-bg" style="background: url(images/b2.jpg);height: 532px;width: auto;">

	</div>
	<div class="s1"><a href="login.html">返回首页</a></div>

	<div class="login-box">
		<div class="title">
			<img src="images/login_logo.png" alt="">
			<span>欢迎登录同乡烩酒宴预约平台</span>
		</div>
		<div class="login_inner">

			<!--登录错误提示消息-->
			<div id="errorMsg" class="alert alert-danger"></div>
			<form id="loginForm" action="user/login.do" accept-charset="utf-8">
				<input type="hidden" name="action" value="login" />
				<input name="username" type="text" placeholder="请输入账号" autocomplete="off">
				<input name="password" type="text" placeholder="请输入密码" autocomplete="off">
				<div class="verify">
					<input name="check" type="text" placeholder="请输入验证码" autocomplete="off">
					<span><img src="checkCode.do" id="checkCode" alt="" onclick="getPic()"></span>
					<script type="text/javascript">
						//图片点击事件
						function getPic() {
							$("#checkCode").attr("src", "checkCode.do?flag=" + Math.random());
						};
					</script>
				</div>

				<div class="submit_btn">
					<button type="button" id="btn_sub">登录</button>

					<div class="auto_login">
						<input type="checkbox" name="" class="checkbox">
						<span>自动登录</span>
					</div>
				</div>

			</form>
			<div class="reg">没有账户？<a href="register.html">立即注册</a></div>
		</div>
	</div>
</section>
<!--引入尾部-->
<div id="footer"></div>
</body>

</html>
